@charset "UTF-8";

#productInfo{
    height:600px;
    padding-top: 10px;
}
#productInfo .information .infoTitle a{
    font-size: 14px;
    line-height: 35px;
    margin:0 5px;
    color:#646464;
}
#productInfo .information .infoTitle a:first-child{
    font-size: 16px;
    font-weight: bold;
    color:#333333;
}
#productInfo .information .infoBox{
    height:512px;
    padding: 14px 24px 10px 24px;
}
#productInfo .information .infoBox .infoLeft{
    margin-right: 22px;
    width:390px;
    box-sizing: border-box;
}

#productInfo .information .infoBox .infoRight{
    width:740px;
    line-height: 34px;
    position: relative;
}
#productInfo .infoRight h3{
    font-weight: normal;
}
#productInfo .information .infoBox .infoRight .priceBox{
    height:140px;
    background-color: #f5f5f5;
    margin-top: 5px;
    padding: 15px;
    box-sizing: border-box;
}
#productInfo .information .infoBox .infoRight .pj{
    width:80px;
    height:40px;
    padding: 8px;
    text-align: center;
    border-left:2px solid #ccc;
    line-height: 20px;
    position: absolute;
    top:108px;
    right:0;
}
#productInfo .information .infoBox .infoRight .type{
    margin:40px 0 0 20px;line-height: 34px;
}
#productInfo .information .infoBox .infoRight .type span{
    display: inline-block;
    width:100px;
    height:34px;
    text-align: center;
    border:2px solid #ccc;
    margin-right:10px;
    cursor: pointer;
}
#productInfo .information .infoBox .infoRight .type span.on{
    background: url("../images/gou.jpg") no-repeat 86px 22px;
    border-color: #ff6600;
}

#productInfo .information .infoBox .infoRight .buy{
    margin-top:50px;
    margin-left: 20px;
    position: relative;
}
#productInfo .information .infoBox .infoRight .buy .buy_num{
    display: inline-block;
    width:40px;height:40px;
    border:2px solid #ccc;
    box-sizing: border-box;
    text-align: center; line-height: 42px;
}
#productInfo .information .infoBox .infoRight .buy .plus{
    display: inline-block;
    width:20px;height:20px;
    box-sizing: border-box;
    background-color: #ccc;
    line-height: 20px;
    text-align: center;
    top:12px;left:40px;
    position: absolute;
    cursor: pointer;
}
#productInfo .information .infoBox .infoRight .buy .reduce{
    display: inline-block;
    width:20px;height:20px;
    box-sizing: border-box;
    background-color: #ccc;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top:32px;left:40px;
    cursor: pointer;
}
#productInfo .information .infoBox .infoRight .buy .toCar{
    display: inline-block;
    width:190px;height:60px;
    text-align: center;
    line-height: 60px;
    margin-left:60px
}

/*人气单品*/
#popular .title span{
    display: inline-block;
    width:120px;
    height:40px;
    line-height: 40px;
    text-align: center;
}
#popular .popularList .sales li{
    width:210px;
    height:260px;
    margin-right: 30px;
}
#popular .popularList .sales li .book{
    margin:10px 50px 0 50px;
}

#review #relook{
    width:318px;
    border:1px solid #ccc;
    border-bottom: none;
    box-sizing: border-box;
}
#review #relook .title{
    height:40px;
    line-height: 40px;
    padding-left: 10px;
    background-color: #f4f4f4;
    border-bottom:1px solid #ccc;
}
#review #relook .picList li{
    float: left;
    width:318px;
    height:300px;
    text-align: center;
    padding-top:30px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}
#review #relook .picList li .book{
    width:110px;height:150px;
}

#review #comment{
    width:856px;
}
#review #comment .title{
    height:40px;line-height: 40px;
}
#review #comment .title span{
    display: inline-block;
    width:150px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}
#review #comment .title span.on{
    background-color: #ff6600;
    color:#fff;
}
#review #comment .introduce{ 
    margin:30px auto;
    padding-left:54px;
}

#review #comment .proComment .percent{
    height:170px;
}
#review #comment .proComment .commentTitle{
    height: 30px;
    background-color: #f5f5f5;
    line-height: 30px;
    padding-left: 22px;
}
#review #comment .proComment .commentTitle li{
    float: left;
    width: 120px;
    text-align: center;
    color:#666666;
    font-size: 14px;
}
#review #comment .proComment .commentTitle li.on{
    color:#f4290d;
}

#review #comment .proComment .commentList li{
    width:856px;padding-top: 20px;
    height: 100px;
    border-bottom: 2px solid #ccc;
}
#review #comment .proComment .commentList li .star{
    width:150px;
    text-align: center;
    margin-right: 10px;
}
#review #comment .proComment .commentList li .star img{
    width:110px;height:20px;
}
#review #comment .proComment .commentList li .star p{
    line-height: 25px;
}
#review #comment .proComment .commentList li .words{
    width:470px;
    color:#666666;
}
#review #comment .proComment .commentList li .user{
    width:160px;
    text-align: left;
}

#review #comment .proComment .btm span{
    display: inline-block;
    width: 30px;height:30px;border:1px solid #ccc;
    background-color: #fafafa;
    color:#999999;
    text-align: center;line-height: 30px;
    margin-left: 6px;
}
#review #comment .proComment .btm .last{
    width: 60px;
}
#review #comment .proComment .btm span.on{
    border:none;
    color: #f8380c;
    background-color: #fff;
}
#footer{
    position: relative;
    margin-top: 300px;
}
#footer .adbanner{
    position: absolute;
    top:-90px;

}









